<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>域名备案校验</title>
</head>

<body>
    <link rel="stylesheet" type="text/css" href="index.css">
    <div class="box">
        <div class="mask"></div>
        <div class="content">
            <div class="bg-top">
                <div class="modal-content">
                    <div class="modal-body">
                        <div>
                            <div class="loading">
                                <div>
                                    <div class="finish">
                                        <img src="./images/wc.png">
                                    </div>
                                    <!--来点加载动画-->
                                </div>
                            </div>
                            <div class="basic">
                                <div class="small">
                                    <!--开始列表-->
                                    <div class="steps-item">
                                        <div class="item-container">

                                            <div class="item-tail"></div>
                                            <div class="item-icon">
                                                <span class="icon">
                                                    <span class="circle">
                                                        <svg viewBox="64 64 896 896" focusable="false"
                                                            data-icon="check-circle" width="1em" height="1em"
                                                            fill="currentColor" aria-hidden="true">
                                                            <path
                                                                d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z">
                                                            </path>
                                                        </svg>
                                                    </span>
                                                </span>
                                            </div>
                                            <div class="item-content">
                                                <div class="item-title">
                                                    <span>域名可用性</span>
                                                </div>
                                                <div class="description">
                                                    通过校验
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="steps-item">
                                        <div class="item-container">

                                            <div class="item-tail"></div>
                                            <div class="item-icon">
                                                <span class="icon">
                                                    <span class="circle">
                                                        <svg viewBox="64 64 896 896" focusable="false"
                                                            data-icon="check-circle" width="1em" height="1em"
                                                            fill="currentColor" aria-hidden="true">
                                                            <path
                                                                d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z">
                                                            </path>
                                                        </svg>
                                                    </span>
                                                </span>
                                            </div>
                                            <div class="item-content">
                                                <div class="item-title">
                                                    <span class="title-error">域名可用性</span>
                                                </div>
                                                <div class="description">
                                                    <span>
                                                        <ul style="padding-left: 18px; list-style: decimal;">
                                                            <li>ICP备案服务需要使用阿里云服务产品，您可以购买云服务</li>
                                                            <li>如您已有可用的云服务产品或已绑定云服务的ICP备案服务码</li>
                                                        </ul>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="steps-item">
                                        <div class="item-container">

                                            <div class="item-tail"></div>
                                            <div class="item-icon">
                                                <span class="icon">
                                                    <span class="circle">
                                                        <svg viewBox="64 64 896 896" focusable="false"
                                                            data-icon="check-circle" width="1em" height="1em"
                                                            fill="currentColor" aria-hidden="true">
                                                            <path
                                                                d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z">
                                                            </path>
                                                        </svg>
                                                    </span>
                                                </span>
                                            </div>
                                            <div class="item-content">
                                                <div class="item-title">
                                                    <span>您需要提前准备以下资料</span>
                                                </div>
                                                <div class="description">
                                                    <div class="beian-bar">
                                                        <ul class="beian-material">
                                                            <li>
                                                                <span class="check">
                                                                    <svg viewBox="64 64 896 896" focusable="false"
                                                                        data-icon="check" width="1em" height="1em"
                                                                        fill="currentColor" aria-hidden="true">
                                                                        <path
                                                                            d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z">
                                                                        </path>
                                                                    </svg>
                                                                </span>
                                                                <h4>主体负责人证件</h4>
                                                                <div class="beian-underline">
                                                                    请准备证件原件或清晰完整的原件照片。
                                                                </div>
                                                                <div class="basic-legend">
                                                                    <span class="iconyangli"></span>
                                                                    <span>查看样例</span>
                                                                </div>
                                                            </li>

                                                            <li>
                                                                <span class="check">
                                                                    <svg viewBox="64 64 896 896" focusable="false"
                                                                        data-icon="check" width="1em" height="1em"
                                                                        fill="currentColor" aria-hidden="true">
                                                                        <path
                                                                            d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z">
                                                                        </path>
                                                                    </svg>
                                                                </span>
                                                                <h4>营业执照（个人或企业）</h4>
                                                                <div class="beian-underline">
                                                                    如您需要添加水印，建议使用浅色字样“供阿里云备案使用”。,请准备证件原件或清晰完整的原件照片。
                                                                </div>
                                                                <div class="basic-legend">
                                                                    <span class="iconyangli"></span>
                                                                    <span>查看样例</span>
                                                                </div>
                                                            </li>

                                                            <li>
                                                                <span class="check">
                                                                    <svg viewBox="64 64 896 896" focusable="false"
                                                                        data-icon="check" width="1em" height="1em"
                                                                        fill="currentColor" aria-hidden="true">
                                                                        <path
                                                                            d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z">
                                                                        </path>
                                                                    </svg>
                                                                </span>
                                                                <h4>主体负责人证件</h4>
                                                                <div class="beian-underline">
                                                                    请准备证件原件或清晰完整的原件照片。
                                                                </div>
                                                                <div class="basic-legend">
                                                                    <span class="iconyangli"></span>
                                                                    <span>查看样例</span>
                                                                </div>
                                                            </li>

                                                            <li>
                                                                <span class="check">
                                                                    <svg viewBox="64 64 896 896" focusable="false"
                                                                        data-icon="check" width="1em" height="1em"
                                                                        fill="currentColor" aria-hidden="true">
                                                                        <path
                                                                            d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z">
                                                                        </path>
                                                                    </svg>
                                                                </span>
                                                                <h4>互联网备案信息真实性承诺书</h4>
                                                                <div class="beian-underline">
                                                                    请下载模版打印，勿修改模版内容，企业法定代表人本人使用黑色中性笔手写正楷签名、标注签署日期并加盖鲜红公章后拍照上传。
                                                                </div>
                                                                <div class="basic-legend">
                                                                    <span class="iconyangli"></span>
                                                                    <span>查看样例</span>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                        <div class="pointer">
                                                            <span class="arrow">查看您可能需要的更多资料</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="basic-action">
                            <button type="button" class="btn default">返回修改</button>
                            <button type="button" class="btn primary">下一步</button>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</body>

</html>